<template>
    <div class="Border" :class="{ HoverLinkStatus: LinkStatus }">
        <a-select style="width: 80px" size="small">
            <a-select-option v-for="item in options" :key="item.value" :value="item.value">{{ item.label }}</a-select-option>
        </a-select>
        <span> // {{ option.description }} ( {{ option.type }} )</span>
    </div>
</template>
<script setup>
import { inject, ref } from "vue";
const props = defineProps(["option"]);
const LinkStatus = inject("LinkStatus");
var options = ref([
    { label: true, value: true },
    { label: false, value: false },
]);
</script>
<style lang="less" scoped>
.Border {
    padding: 2px;
    border: 2px solid transparent;
}
.HoverLinkStatus:hover {
    border-color: rgb(169, 20, 206);
}
</style>
